@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?vxzvdd');
    src:  url('../fonts/icomoon.eot?vxzvdd#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?vxzvdd') format('truetype'),
      url('../fonts/icomoon.woff?vxzvdd') format('woff'),
      url('../fonts/icomoon.svg?vxzvdd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  body {
      /* height: 2000px; */
      background-color: #fff;
  }
.w {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.red {
    color: red;
   
}
.black {
    color: black;
    
}


/* 头部 */
header {
    background-color: #f9f9f9;
    height: 35px;
    line-height: 35px;
    margin-bottom: 30px;
}

.nav_l {
    float: left;
}
.nav_l ul li a {
    text-decoration: none;
}
.nav_r {
    float:right;
    text-align: center;
}
.nav_r li {
    float: left;
    color: #62615f;
    padding: 0 8px;
}
.nav_r li:hover >a {
    color: #60a5dc;
    
}
.nav_r ul .ioc::after{
    content:"";
    display: inline-block;
    background: url(../images/indexhead_sprite.png)no-repeat -287px -260px;
    vertical-align: middle;
    width: 15px;
    height: 15px;
   
    
}
.nav_r ul li:nth-of-type(2n) {
width: 1px;
height: 16px;
margin-top: 10px;
padding: 0;
background-color: #999;
}
.nav_r ul li:nth-of-type(3)::before {
    font-family: 'icomoon';
    content: '\e959';
    color: #60a5dc;
}
.li_minlist_box {
    position: relative;
    
}


.li_minlist {
    position: absolute;
    top: 30px;
    left: 0;
    line-height: normal;
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    z-index: 2;
    display: none;
     

}
.li_minlist p {
    font-size: 12px;
    padding: 0px 12px;
    margin: 0;
    border-top: 0;
    border-bottom: 0;
}

.nav_r ul li a {
    color:#62615f ;
    text-decoration: none;
}
/* 头部end */
.search {
    position: relative;
    height: 100px;
    /* background-color: pink; */
}
.search .search_log {
    position: absolute;
    top: 0;
    left: 0;
    width: 88px;
    height: 75px;
}

.serch_r {
    position:absolute;
    top: 22px;
    left: 244px;
    width: 528px;
    height: 35px;
    border: 2px solid #fe3c3c;
    background-color:#fe3c3c ;
}
.serch_r span {
    text-align: center;
    display: inline-block;
    width: 84px;
    height: 100%;
    line-height: 35px;
    color: #666;
    font-size: 16px;
    background-color: #f8f8f8;
    border-right: 1px solid #ccc;
}
.serch_r .se { 
    position: absolute;
    border: 0;
    outline: none;
    top: 0;
    left: 84px;
    height: 100%;
    width: 343px;
    padding-left: 10px;
    background-color: #fff;
}
.serch_r .bt {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    border: 0;
    border-radius: 0;
    background-color: #fe3c3c;
}



.serch_b {
    position: absolute;
    bottom: 18px;
    left: 244px;
    height: 25px;
    width: 528px;
}
.serch_b li {
    float: left;
    padding-right: 10px;

}
.serch_b li a {
    font-size: 12px;
    text-decoration: none;
    color: #666;
}
/* 导航栏*/
.navitems {
    height: 35px;
    /* background-color: pink; */
}
.dropdown {
    float: left;
    width: 212px;
    height: 35px;
    background-color: #fe3c3c;
}


.dropdown .dt {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    line-height: 35px ;
    font-size: 16px;
    padding: 0 14px;
}
.dt span {
   position: absolute;
   right: 14px;
   font-size: 14px;
   line-height: 35px;


}
.dropdown .dd {
    height: 385px;
    width: 210px;
    background-color: #c13131;
}
.dropdown .dd ul li em {
    position: absolute;
    right: 14px;
    top: 10px;
    color: #fff;
    font-size: 12px;
}

.dropdown .dd ul li span:hover{
transform: scale(1.2) rotate(.001deg);
}

.dropdown .dd ul li span {
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url(../images/nav.png) no-repeat 1px 1px;
    vertical-align: middle;
    margin-right: 10px;
}
.dropdown .dd ul li:nth-of-type(2) span{
    background: url(../images/nav.png) no-repeat 1px -46px;
}
.dropdown .dd ul li:nth-of-type(3) span{
    background: url(../images/nav.png) no-repeat -1px -90px;
}
.dropdown .dd ul li:nth-of-type(4) span{
    background: url(../images/nav.png) no-repeat -1px -133px;
}
.dropdown .dd ul li:nth-of-type(5) span{
    background: url(../images/nav.png) no-repeat -1px -171px;
}
.dropdown .dd ul li:nth-of-type(6) span{
    background: url(../images/nav.png) no-repeat -1px -210px;
}
.dropdown .dd ul li:nth-of-type(7) span{
    background: url(../images/nav.png) no-repeat -1px -250px;
}
.dropdown .dd ul li:nth-of-type(8) span{
    background: url(../images/nav.png) no-repeat -1px -290px;
}
.dropdown .dd ul li:nth-of-type(9) span{
    background: url(../images/nav.png) no-repeat -1px -330px;
}
.dropdown .dd ul li:nth-of-type(10) span{
    background: url(../images/nav.png) no-repeat -1px -370px;
}
.dropdown .dd ul li:nth-of-type(11) span{
    background: url(../images/nav.png) no-repeat -1px -405px;
}
.dropdown .dd ul li:nth-of-type(12) span{
    background: url(../images/nav.png) no-repeat -1px -445px;
}

.dropdown .dd ul li {
    position: relative;
    width: 210px;
    height: 32px;
    line-height: 32px;
    padding: 0 13px;
    
}
.dropdown .dd ul li a {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
.navitems_r {
    float: left;
    height: 35px;
    width: 988px;
    background-color:#fff;
}
.navitems_r ul li:nth-of-type(1) {
    margin-left:  22px;
}
.navitems_r ul li {
    float: left;
    line-height: 35px;
    padding: 0 16px;
}
.navitems_r ul li:hover {
background-color: #fe3c3c;
color: #fff;
}
.navitems_r ul li:hover a {
  
    color: #fff;
    }
.navitems_r ul li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}
/*  */
.bgc {  
    height: 385px;
    background-color: #e82a1e;
    padding-top: 2px;
    overflow: hidden;
}

.bgc .banner {
  position: absolute;
  left: 210px;
  top: 0 px;
    height: 385px;
    width: 750px;
    background: url(../images/banner.jpg) no-repeat;
    background-size: 100% 100%;
}
.banner_btn_box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 185px;
    height: 35px;
    margin-right: 245px;
    margin-bottom: 0;
}
.banner_btn_box li {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 13px;
    background: #cccccc;
}
 .on {
    background: #ff3f3f !important;
}
.bgc .banner img { 
    width: 750px; ;
    height: 100%;
}
.bgc .banner_r {
    position: absolute;
    right: 0;
    top: 0;
    width: 240px;
    height: 750px;
    background-color: #fff;
}
.bannner_r_t {
    width: 240px;
    height: 96px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.bannner_r_t a {  
    float: left;
    width: 33%;
    height: 100%;
    margin-top: 15px;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    color: #666;
}

.bannner_r_t a:hover {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
.banner_r_c {
    height: 85px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding:0 20px;
    padding-top: 10px;

}
.banner_r_c p {
    display: block;
    margin: 0;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #a093a7;
   
}
.banner_r_c p a {
    text-decoration: none;
}
.banner_r_b dt {
   
    background-color: #f7f7f7;
    height: 32px;
    text-align: center;
    
}
.banner_r_b dt ul {
    margin: 0;
}
.banner_r_b dt li {
    float: left;
  margin:   0;
    /* margin-right:  -1px; */
    width: 80px;
    height: 32px;
    line-height: 32px;
    border-right:  1px solid #ccc;
}
.banner_r_b dt li a {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    text-decoration: none;
}
.banner_r_b dt li:hover {
    background-color: #fff;
}
.banner_r_b dt li:hover a {
    color: #e82a1e;
}
.banner_r_b dd {
    position: relative;
    height: 176px;

}
/*  */
.banner_r_b dd .shouji_1 {
    margin-top: 30px;
    height: 21px;
}
.banner_r_b dd .shouji_1 span {
    display: inline-block;
    width: 95px;
    text-align: right;
}
.banner_r_b dd .shouji_1 .shouji {
    width: 118px;
    border: 1px solid #ccc;
}
/*  */
.banner_r_b dd .mianzhi {
      width: 118px;
    border: 1px solid #ccc;
}
.banner_r_b dd span {
    display: inline-block;
    width: 95px;
    text-align: right;
}
.banner_r_b dd .mianzhi_1 {
    position: relative;
   height: 21px;
}

.banner_r_b dd .mianzhi_1::after {
    font-family: 'icomoon';
    content: '\ea1c';
    position: absolute;
    font-size: 14px;
    right: 30px;
    top: 0px;
}
.banner_r_b dd .shoujia {
    white-space: nowrap;
    height: 21px;
}
.banner_r_b dd .tijiao {
    text-align: center;
    line-height: 30px;
}
.banner_r_b dd .tijiao input {
    color: #fff;
    width: 80px;
    height: 30px;
    background-color: #ff5353;
}
/*end  */
/* 食品饮料样式 */

.contain {
    margin-top: 30px;
   
}
.teadrink-box {
     border-bottom: 2px solid #c13131;
}
.teadrink-box .title {
    height: 30px;
    line-height: 30px;
    margin: 0;
   
}
.teadrink-box .title .a-title {
    float: left;
    color: #ff6c30;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
}
.teadrink-box .title ul {
    float:right;
    margin-bottom: 0;

}
.teadrink-box .title ul li {
    float: left;
     font-size: 13px;
     margin-bottom: 0;
}
.teadrink-box .title ul li:nth-of-type(2n) {
    margin: 0 5px;
    
}
.teadrink-box .title ul li a {
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
    color: #999;
}


.main-item-01 {
    float: left;
    width: 210px;
    height: 360px;
    padding-top: 20px;

}

.main-item-01 ul li a {
    float: left;
    height: 32px;
    color: #252918;
    border-bottom: 1px dashed #ccc;
    line-height: 32px;
    padding-right: 15px;
    margin-right: 15px;
    margin-left: 15px;
    text-decoration: none;
}
.main-item-01 p {
    text-align: center;
    margin: 0;
}
.main-item-01 p .banner_text1 {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #ff6c30;
}
.main-item-01 p .banner_text2 {
    text-decoration: none;
    color: #a0a0a0;
}
.banner_img {
    margin-top: 10px;
}
.main-item-02 {
    float: left;
    position: relative;
    width: 330px;
    height: 360px;
}
.banner_btn {
    position: absolute;
    bottom: 0;
    left: 110px;
    width: 120px;
    height: 20px;
}
 .banner_btn span {
    display: inline-block;
    margin-right: 5px;
    width: 32px;
    height: 10px;
    background-color: #dfdde0;
}

.main-item-03 {

    float: left;
    position: relative;
    width: 220px;
    height: 360px;
}
.main-item-03 .item-01 {
    width: 100%;
    height: 50%;
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.main-item-03 .item-01 a {
    text-decoration: none;
}
.main-item-03 .item-01 a p:nth-child(1) {
    margin: 0;
    padding-top: 15px;
    color: #000;
   
}
.main-item-03 .item-01 a p:nth-child(2) {
    font-size: 12px;
    margin: 0;
    color: #a29994;
   
}

.main-item-03 .item-01 p:nth-child(3) {
     margin-top: 15px;
}
.main-item-03 .item-02 {

    width: 100%;
    height: 50%;
    text-align: center;
    border-right: 1px solid #ccc;
}
.main-item-03 .item-02 a {
    text-decoration: none;
}
.main-item-03 .item-02 p:nth-child(1) {
    margin: 0;
    padding-top: 15px;
    color: #000;
   
}
.main-item-03 .item-02 p:nth-child(2) {
    font-size: 12px;
    margin: 0;
    color: #a29994;
   
}
.main-item-03 .item-02 p:nth-child(3) {
    margin: 0;
}


.main-item-04 {
    float: left;
    position: relative;
    text-align: center;
    width: 220px;
    height: 360px;
    border-right: 1px solid #ccc;
  


}

.main-item-04 a p:nth-child(1) {
    margin: 0;
    padding-top: 15px;
    color: #000;
   
}
.main-item-04  a p:nth-child(2) {
    font-size: 12px;
    margin: 0;
    color: #a29994;
   
}



/* footer start */
footer {
    height: 98px;
    background-color: #f9f9f9;
}
.footer {
    font-size: 12px;
    padding-top: 30px;
    color: #666;
    text-align: center;
}
/* footer end */
